<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
    <title>Questions</title>
</head>

<body>
    <div class="nes-container with-title is-centered">
        {% if not question %}
        <p class="nes-balloon from-left nes-pointer">
            <i class="nes-pokeball"></i>No question.
        </p>
        {% else %}
        <section>
            <p class="title">Question</p>
            <form method="post" action="{{ url_for('question_detail', qid=question.id) }}">
                <p>{{ question.q }}</p>
                <label>
                    <input type="radio" class="nes-radio" name="answer" value="Yes" checked />
                    <span>Yes</span>
                </label>
        
                <label>
                    <input type="radio" class="nes-radio" name="answer" value="No" />
                    <span>No</span>
                </label>
                <br>
                <button type="submit" class="nes-btn is-primary">Submit</button>
                <a class="nes-btn is-info" href="{{ url_for('index') }}">Back</a>
            </form>
        </section>
        {% endif %}
    </div>
</body>

</html>